<!DOCTYPE html>
<html lang="zh-CN">
  <#include "header.html">
  <style>
  @keyframes myfirst
        {
            0%   {
                transform:scale(1);
                -webkit-transform:scale(1);
                -moz-transform:scale(1);
                -o-transform:scale(1);
                -ms-transform:scale(1);

            }

            50%  {
                transform:scale(1.2);
                -webkit-transform:scale(1.2);
                -moz-transform:scale(1.2);
                -o-transform:scale(1.2);
                -ms-transform:scale(1.2);
            }
            100% {
                transform:scale(1);
                -webkit-transform:scale(1);
                -moz-transform:scale(1);
                -o-transform:scale(1);
                -ms-transform:scale(1);

            }

        }

        @-webkit-keyframes myfirst /* Safari 与 Chrome */
        {
            0%   {
                transform:scale(1);
                -webkit-transform:scale(1);
                -moz-transform:scale(1);
                -o-transform:scale(1);
                -ms-transform:scale(1);

            }

            50%  {
                transform:scale(1.2);
                -webkit-transform:scale(1.2);
                -moz-transform:scale(1.2);
                -o-transform:scale(1.2);
                -ms-transform:scale(1.2);
            }
            100% {
                transform:scale(1);
                -webkit-transform:scale(1);
                -moz-transform:scale(1);
                -o-transform:scale(1);
                -ms-transform:scale(1);

            }
        }
  .img-change
   {
       animation: myfirst 5s infinite;
       -webkit-animation: myfirst 5s infinite; /* Safari 与 Chrome */
   }
  </style>
  <body class="index-box" id="nextContainer">
    <section class="index-bj">
      <div class="logo"><img class="img-responsive" src="webpages/wx/pzsw/images/logo.png"></div>
      <div class="index-buton">
        <a class="index-c img-change">
          请选择以下你想参与的模块：
        </a>
        <a class="index-a" href="pzsw.action?page=index51&moduleType=bad">
          不安全现象/不良习惯<span>（建议办公室选择）</span>
        </a>
        <a class="index-b" href="pzsw.action?page=index53&moduleType=control">
          管控风险<span>（建议油站/承包商/承运商选择）</span>
        </a>
      </div>
    </section>
    
    <#include "footer.html">
    <script type="text/javascript">
	// 先要对监听的DOM进行一些初始化
	var hammer = new Hammer(document.getElementById("nextContainer"));
	hammer.get('swipe').set({direction:Hammer.DIRECTION_ALL});
	// 然后加入相应的回调函数即可
	hammer.on('swipeup',swipeEvent);
	hammer.on('swipedown',swipeEvent);
	
	function swipeEvent(evt) {
		if(evt.type=='swipeup') {
// 			window.location.href='pzsw.action?page=index5&name='+name+"&dept="+dept;
		} else if(evt.type=='swipedown') {
			window.location.href='pzsw.action?page=index4&back=1';
		}
		
	}
	</script>
  </body>
</html>